<template>
    <div class="options-panel">
        <div v-show="currentPanel == 'property'">
            <div class="panel-from">
                <div class="panel-form-item">
                    <div class="item-label">字段名</div>
                    <div class="item-input">
                        <a-input v-model:value="selectItem.field" placeholder="请输入" />
                    </div>
                </div>
                <div class="panel-form-item">
                    <div class="item-label">占位提示</div>
                    <div class="item-input">
                        <a-input v-model:value="selectItem.componentProps.placeholder" placeholder="请输入" />
                    </div>
                </div>

                <div class="panel-form-item">
                    <div class="item-label">尺寸</div>
                    <div class="item-input">
                        <a-select v-model:value="selectItem.componentProps.size" placeholder="请选择" style="width:100%">
                            <a-select-option value="large">large</a-select-option>
                            <a-select-option value="middle">middle</a-select-option>
                            <a-select-option value="small">small</a-select-option>
                        </a-select>
                    </div>
                </div>

                <div class="panel-form-item">
                    <div class="item-label">输入长度</div>
                    <div class="item-input">
                        <a-input-number v-model:value="selectItem.componentProps.maxlength" placeholder="请输入"
                            style="width: 100%;" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">有边框</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.bordered" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">统计字数</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.showCount" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">可清空</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.allowClear" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">禁用</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.disabled" />
                    </div>
                </div>

                <div class="panel-form-item check">
                    <div class="item-label">隐藏</div>
                    <div class="item-input">
                        <a-switch size="small" v-model:checked="selectItem.componentProps.hidden" />
                    </div>
                </div>

            </div>

        </div>

    </div>
</template>

<script>

export default {
    name: "inputOptions",
    components: {
    },
    props: {
        currentPanel: {
            type: String,
            default: "property"
        },
        selectItem: {
            type: Object,
        }
    },
    data() {
        return {
            item: {},
            shape: "",
            codeData: [
                {
                    "number": 7789,
                    "province": "浙江省",
                    "city": "杭州市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 2367,
                    "province": "浙江省",
                    "city": "绍兴市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 3877,
                    "province": "浙江省",
                    "city": "宁波市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 4342,
                    "province": "浙江省",
                    "city": "舟山市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 5343,
                    "province": "浙江省",
                    "city": "杭州市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 632,
                    "province": "浙江省",
                    "city": "绍兴市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 7234,
                    "province": "浙江省",
                    "city": "宁波市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 834,
                    "province": "浙江省",
                    "city": "舟山市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 945,
                    "province": "浙江省",
                    "city": "杭州市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 1304,
                    "province": "浙江省",
                    "city": "绍兴市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 1145,
                    "province": "浙江省",
                    "city": "宁波市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 1432,
                    "province": "浙江省",
                    "city": "舟山市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 1343,
                    "province": "浙江省",
                    "city": "杭州市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 1354,
                    "province": "浙江省",
                    "city": "绍兴市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 1523,
                    "province": "浙江省",
                    "city": "宁波市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 1634,
                    "province": "浙江省",
                    "city": "舟山市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 1723,
                    "province": "四川省",
                    "city": "成都市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 1822,
                    "province": "四川省",
                    "city": "绵阳市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 1943,
                    "province": "四川省",
                    "city": "南充市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 2330,
                    "province": "四川省",
                    "city": "乐山市",
                    "type": "家具",
                    "sub_type": "桌子"
                },
                {
                    "number": 2451,
                    "province": "四川省",
                    "city": "成都市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 2244,
                    "province": "四川省",
                    "city": "绵阳市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 2333,
                    "province": "四川省",
                    "city": "南充市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 2445,
                    "province": "四川省",
                    "city": "乐山市",
                    "type": "家具",
                    "sub_type": "沙发"
                },
                {
                    "number": 2335,
                    "province": "四川省",
                    "city": "成都市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 245,
                    "province": "四川省",
                    "city": "绵阳市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 2457,
                    "province": "四川省",
                    "city": "南充市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 2458,
                    "province": "四川省",
                    "city": "乐山市",
                    "type": "办公用品",
                    "sub_type": "笔"
                },
                {
                    "number": 4004,
                    "province": "四川省",
                    "city": "成都市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 3077,
                    "province": "四川省",
                    "city": "绵阳市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 3551,
                    "province": "四川省",
                    "city": "南充市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                },
                {
                    "number": 352,
                    "province": "四川省",
                    "city": "乐山市",
                    "type": "办公用品",
                    "sub_type": "纸张"
                }
            ]
        }
    },
    methods: {
        openShapeModal() {
            this.$refs.shapeModal.open();
        },
    },
    mounted() {
    },
    created() {
    },
}
</script>

<style>
</style>